<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="https://www.jq22.com/demo/verify-master201711051126/css/verify.css ">
    <link rel="stylesheet" href="../css/zhuce.css">
    <title>Document</title>
</head>
<body>
    <main>
        <div class="beijing">
            <ul>
                <li> <img src="../images/登录页logo.png" alt=""></li>
                <li>开始注册新用户</li>
                <li><img class="beijingtu" src="../images/登陆页面北京小图片.jpg" alt=""></li>
            </ul>
        </div>
        <div class="denglukuang">
            <section>
                <h3>用户快捷注册</h3>
            </section>
            <form>

                <!-- 表单用户名部分 -->
                  <div class="form-group" style="position: relative;">
                    <label for="exampleInputEmail1"></label>
                    <input type="email" class="form-control phone" id="exampleInputEmail1" placeholder="输入手机号" >
                    <b class="iconfont icon-dianzan"></b><span>输入正确的手机号码</span>
                  </div>

                  <div class="form-group" style="position: relative;">
                    <label for="exampleInputPassword1"></label>
                    <input type="email" class="form-control verifyCode" id="exampleInputEmail1" placeholder="输入验证码" >
                    <b class="iconfont icon-dianzan"></b><span></span>

                    <div id="check-code" style="overflow: hidden;">
                      <div class="code" id="data_code"></div>
                    
                    </div>
                  </div>

                  <div class="form-group" style="position: relative;">
                    <label for="exampleInputEmail1"></label>
                    <input type="email" class="form-control testCode" id="exampleInputEmail1" placeholder="输入手机验证码" >
                    <b class="iconfont icon-dianzan"></b><span>请输入正确的校验码</span>
                    <input id="yanZhengM" type="button" value="点击获取手机验证码">
                  </div>
                  
                  <div class="form-group" style="position: relative;">
                    <label for="exampleInputEmail1"></label>
                    <input type="email" class="form-control password" id="exampleInputEmail1" placeholder="第一次输入密码" >
                    <b class="iconfont icon-dianzan"></b><span>输入正确的格式</span>
                  </div>
                  <!-- 表单密码部分 -->
                  <div class="form-group" style="position: relative;">
                    <label for="exampleInputPassword1"></label>
                    <input type="password" class="form-control passwordOk" id="exampleInputPassword1" placeholder="确认密码">
                    <b class="iconfont icon-dianzan"></b><span>两次密码不一致</span>
                  </div>
  
                
  
                  <!-- 用户须知部分 -->
                  <div class="checkbox">
                    <label>
                      <input class="userCheck" id="checkBox1" type="checkbox"> 用户条款须知
                    </label>
                  </div>
  
                  <!-- 登陆框部分 -->
                  <button type="submit" class="btn btn-default register" id="dengLu">注册</button>
                </form>
        </div>
    </main>
</body>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>

<script src="../js/zhuce.js"></script>


</html>